<!--
 * @Author: your name
 * @Date: 2022-01-05 20:21:06
 * @LastEditTime: 2022-01-06 08:26:20
 * @LastEditors: Please set LastEditors
 * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 * @FilePath: \myapp\src\App.vue
-->
<template>
  <div>
<button @click="flag=!flag"> 点击按钮</button>
<Pap v-if="flag">
 
 <span @click="click()">x</span>
 <button @click="click()">确定</button>
 <button @click="click()">取消</button>

</Pap>
  </div>
</template>

<script>

import Pap from '../src/components/pap.vue'
export default {
components:{
  Pap
},
 data(){
   return {
     flag:false
   }
 },
 methods:{
    click(){
      this.flag=!this.flag
    }
 }
 
}
</script>

<style lang="scss">
  .wrap{
   
    span{
      position: absolute;
      left: 50%;
      height: 50%;

    }
  }
</style>
